<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="../com/link.asp" -->
</head>

<body class="backCol">
    <!-- #include file="./header.asp" -->
    <div class="m1400 rechMain">
        <div class="head">
            <h5>订单信息：</h5>
        </div>
        <div class="text flexs">
            <dl>
                <dt>金额：</dt>
                <dd>￥1000元</dd>
            </dl>
            <dl>
                <dt>支付人：</dt>
                <dd>15125</dd>
            </dl>
            <dl>
                <dt>购买服务:</dt>
                <dd>现金账户充值￥1000元</dd>
            </dl>
        </div>
        <div class="rechaPay">
            <h5>应付金额：<b>1000</b>元</h5>

            <ul class="ewmList">
                <li>
                    <div class="ewm">
                        <img src="../images/ewm.jpg" alt="">
                    </div>
                    <div class="flexs">
                        <img src="../images/wx.jpg" alt="">
                        <span>微信支付</span>
                    </div>
                </li>
                <li>
                    <div class="ewm">
                        <img src="../images/ewm.jpg" alt="">
                    </div>
                    <div class="flexs">
                        <img src="../images/wx1.jpg" alt="">
                        <span>支付宝支付</span>
                    </div>
                </li>
            </ul>
            <div onclick="popFn()" class="txt">支付即同意<em>《VIP服务协议》</em></div>
        </div>
        <div class="upgradeDl">
            <dl>
                <dt>企业账户特权：</dt>
                <dd>
                    <img src="../images/ad.png" alt="">
                    <span>专属人工服务</span>
                </dd>
                <dd>
                    <img src="../images/ad.png" alt="">
                    <span>尊贵全站标识</span>
                </dd>
                <dd>
                    <img src="../images/ad.png" alt="">
                    <span>海量功能</span>
                </dd>
                <dd>
                    <img src="../images/ad.png" alt="">
                    <span>全站功能免费用</span>
                </dd>
                <dd>
                    <img src="../images/ad.png" alt="">
                    <span>专项服务</span>
                </dd>
            </dl>
        </div>
    </div>
</body>
</html>


<script>
    function popFn(){
        layui.use('layer', function () {
        layer.open({
            title:'VIP服务协议',
            type: 1,
            area: ['60%', '80%'], //宽高
            content: `<div class="txtMain"><p>协议写一下</p></div>` //文案插入txtMain内
        });
    });
    }
   
</script>